<template>
  <transition>
    <div class="platform-inquiry-details">
      <section class="app-main">
        <mt-swipe :auto="4000" class="pic-car" v-if="picCar.length>0">
          <mt-swipe-item v-for="item in picCar">
            <img :src="item.src" @click="handleCheckPic('0')">
          </mt-swipe-item>
        </mt-swipe>
        <div class="module-height"></div>
        <dl class="module-block">
          <dt class="block-header">订单说明</dt>
          <dd class="word-content word-info" v-html="res.comments"></dd>
        </dl>
        <!--第三方报单-->
        <dl class="module-block">
          <dt class="block-header">订单信息<span class="item-state text-red" v-text="res.inquiryStatusDesc"></span></dt>
          <dd class="word-content">报单单位：<span v-text="res.applyShopName"></span></dd>
          <dd class="word-content">联&nbsp;系&nbsp;人：<span v-text="res.linkMan"></span></dd>
          <dd class="word-content">联系电话：<span v-text="res.linkPhone"></span></dd>
          <dd class="word-content">联系地址：<span v-text="res.address"></span></dd>
          <dd class="word-content" v-if="res.serviceTime">预约时间：<span>{{res.serviceTime}} {{res.serviceTimeRange}}</span></dd>
          <dd class="word-content">车&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;型：<span v-text="res.carModel"></span></dd>
          <dd class="word-content">订&nbsp;单&nbsp;号：<span v-text="res.sn"></span></dd>
          <!--<dd class="word-content">维修图片：<span @click="handleCheckPic('1')" class="text-red">点击查看（{{picRepair.length}}张）</span></dd>-->
        </dl>
        <!--第三方报单-->


        <dl class="module-block module-block-price">
          <dt class="block-header">报价明细</dt>
          <dd class="word-content" v-for="item in res.parts">{{item.remark}}<template v-if="item.partTypeDesc">({{item.partTypeDesc}})</template>：
            <span class="text-red text-price" v-if="item.stock==false">￥{{item.amount}}</span>
            <span class="text-price" v-if="item.stock==true">无货</span></dd>

          <dd class="word-content">合&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;计：<span class="text-red text-price">￥{{res.totalAmt}}</span></dd>
        </dl>

        <dl class="module-block module-action-log">
          <dt class="block-header">工单操作记录</dt>
          <div class="word-content word-info">
            <table class="module-table">
              <tr class="action-list action-list-header">
                <td class="action-item" width="12%">序号</td>
                <td class="action-item" width="20%">操作员</td>
                <td class="action-item" width="20%">操作</td>
                <td class="action-item" width="48%">对象及操作时间</td>
              </tr>
            </table>
            <div class="word-auto">
              <table class="module-table">
                <tr class="action-list" v-for="(item,index) in res.historys">
                  <td class="action-item" width="12%">{{res.historys.length-index}}</td>
                  <td class="action-item" width="20%">{{item.operatorName}}</td>
                  <td class="action-item" width="20%" v-if="item.type==0">新建</td>
                  <td class="action-item" width="20%" v-if="item.type==1">建档</td>
                  <td class="action-item" width="20%" v-if="item.type==2">派工</td>
                  <td class="action-item" width="20%" v-if="item.type=='2-1'">分派</td>
                  <td class="action-item" width="20%" v-if="item.type=='5-1'">确认并支付</td>
                  <td class="action-item" width="20%" v-if="item.type=='3-1'">完成订单</td>
                  <td class="action-item" width="20%" v-if="item.type==3">完成</td>
                  <td class="action-item" width="20%" v-if="item.type==4">报价</td>
                  <td class="action-item" width="20%" v-if="item.type==5">确认报价</td>
                  <td class="action-item" width="20%" v-if="item.type==6">撤回派单</td>
                  <td class="action-item" width="20%" v-if="item.type==7">接单</td>
                  <td class="action-item" width="20%" v-if="item.type=='7-1'">拒绝接单</td>
                  <td class="action-item" width="20%" v-if="item.type==8">拍照上传</td>
                  <td class="action-item" width="20%" v-if="item.type==9">支付完成</td>
                  <td class="action-item" width="20%" v-if="item.type==10">取消工单</td>
                  <td class="action-item" width="20%" v-if="item.type==11">申请取消</td>
                  <td class="action-item" width="20%" v-if="item.type=='11-1'">取消待派</td>
                  <td class="action-item" width="20%" v-if="item.type=='11-2'">驳回取消申请</td>
                  <td class="action-item" width="20%" v-if="item.type=='13'">反馈消息</td>
                  <td class="action-item" width="48%"><div>{{item.remark}}</div>{{item.createDateStr}}</td>
                </tr>
              </table>
            </div>
          </div>
        </dl>

        <div class="button-content">
        <div class="button-block-12">
          <mt-button type="primary" @click="handleModifyPrice">报价</mt-button>
        </div>
        </div>

        <!--报价弹窗-->
        <mt-popup
          v-model="popupPriceModify"
          position="bottom"
          class="popup-price">
          <template>
            <div class="add-button">
              <mt-button type="primary" @click="handleAddPrice('')"><span class="iconfont icon-zengjia"></span>配件项目</mt-button>
              <mt-button type="danger" @click="handleAddPrice('3')"><span class="iconfont icon-zengjia"></span>服务项目</mt-button>
            </div>
            <dl class="price-list price-list-order">
              <dt class="price-header">
                <span class="item-addon">配件项目</span>
                <span class="item-addon">类型</span>
                <span class="item-content">价格</span>
                <span class="item-none-tips">无货</span>
              </dt>
              <dd class="price-item" v-for="(item,index) in form.parts" v-if="item.fromCustomer">
                <mt-field class="item-addon" v-model="item.remark"></mt-field>
                <mt-field class="item-addon" v-model="item.brand"></mt-field>
                <!--<mt-field class="item-content" type="number" v-bind:value="[item.stock ? item.amount='':item.amount]" :disabled="item.stock"></mt-field>-->
                <mt-field class="item-content" type="number" v-model.number="item.amount" :disabled="item.stock"></mt-field>
                <input class="check-position" type="checkbox" v-model="item.stock" @click="handleCheckNone(item)">
              </dd>
              <dd class="price-item" v-for="(item,index) in form.parts" v-if="item.fromCustomer==false && item.partType!='3'">
                <mt-field class="item-addon" v-model="item.remark"></mt-field>
                <mt-field class="item-addon" v-model="item.brand"></mt-field>
                <mt-field class="item-content" type="number" v-model.number="item.amount"></mt-field>
                <span class="iconfont icon-delete" @click="handleDelPrice(item,index)"></span>
              </dd>
            </dl>
            <dl class="price-list price-list-order" v-if="servicePriceAttr.length>0">
              <dt class="price-header">
                <span class="item-addon" style="width: 60%;">服务项目</span>
                <span class="item-content" style="width:26%;">价格</span>
              </dt>
              <dd class="price-item" v-for="(item,index) in form.parts" v-if="item.fromCustomer==false && item.partType=='3'">
                <mt-field class="item-addon" style="width: 60%;" v-model="item.remark"></mt-field>
                <mt-field class="item-content" style="width:26%;" type="number" v-model.number="item.amount"></mt-field>
                <span class="iconfont icon-delete" @click="handleDelPrice(item,index)"></span>
              </dd>
            </dl>
            <mt-field class="price-num" label="总价" placeholder="" v-model="form.totalAmt"></mt-field>
            <!--<mt-field v-for="item in form.parts" :label="item.remark+'('+item.brand+')'" placeholder="" v-model.number="item.amount" :disabled="res.finishOffer"></mt-field>-->
            <!--<div class="module-sure-price">-->
              <!--<span class="addon">最终确认报价</span>-->
              <!--<mt-radio-->
                <!--title=""-->
                <!--class="select-sure-price"-->
                <!--v-model="offerStatus"-->
                <!--:options="optionsSurePrice">-->
              <!--</mt-radio>-->
              <!--<div class="price-tips" v-if="res.finishOffer==false">谨慎操作，确认报价后，价格不可修改！</div>-->
            <!--</div>-->
          </template>
          <div class="button-content" style="padding-top:40px;">
            <div class="button-block-6">
              <mt-button type="primary" @click="handleClosePrice">取消</mt-button>
            </div>
            <div class="button-block-6">
              <mt-button type="danger" @click="handleConfirmPrice">确定</mt-button>
            </div>
          </div>

          <!--<div class="sure-price-tips" v-if="res.finishOffer">您已确认最终报价，不可再次修改！</div>-->
        </mt-popup>
        <!--报价弹窗-->

      </section>
    </div>
  </transition>
</template>

<script>
  import { Navbar,Button,MessageBox,Toast ,Checklist,Popup,Picker,Swipe, SwipeItem} from 'mint-ui';
  export default {
    data () {
      return {
        res:'',
        picList:[],
        picCar:[],
        picRepair:[],
        servicePriceAttr:[],
        popupPriceModify:false,
        offerStatus:'0',
        optionsSurePrice:[
          {
            label:'是',
            value:'1',
          },{
            label:'否',
            value:'0',
          }
        ],
        form:{
          parts:[],
          totalAmt:'',
        },
      }
    },
    beforeRouteEnter (to, from, next) {
      var u = navigator.userAgent;
      var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
      // XXX: 修复iOS版微信HTML5 History兼容性问题

      if (isiOS && to.path !== location.pathname) {
        // 此处不可使用location.replace
        location.assign(to.fullPath);
      } else {
        console.log(to,1234)
        next()
      }
    },
//    beforeRouteLeave(to, from, next) {
//
//      alert(from,111)
//
//    },
    created(){
      this.getData();
    },
    computed:{
      getNum: function(){
        if(this.form.parts.length>0){
          var sum =0;
          for(var i= 0 ;i< this.form.parts.length; i++) {
            if(this.form.parts[i].amount!=undefined && this.form.parts[i].amount!=''){
              console.log(this.form.parts[i].amount,111)
              sum += this.form.parts[i].amount;
            }
          }
          return sum;
        }
      }
    },
    watch:{
      'getNum'(val){
        this.form.totalAmt=parseFloat(val.toFixed(2));
      },
      'popupPriceModify'(val){
        if(val==false){
          this.getData();
        }
      },
    },
    methods:{
      /** 获取工单详情信息 **/
      getData(){
        this.servicePriceAttr=[];
        var params = new URLSearchParams();
        params.append('demandId',this.$route.query.id);
        params.append('demandType',2);
        this.$axios({
          method: 'post',
          url:'gp/declaration/demandDetails',
          data:params
        }).then((res)=>{
          if(res.data.statusCode==200){
          console.log(res)
          this.allotPeople=[];
          this.res=res.data.object;
          this.form.uploads=this.res.uploads

          for(var i=0;i<this.res.parts.length;i++){
            if(this.res.parts[i].partType=='3'){
              this.servicePriceAttr.push(this.res.parts[i]);
            }
          };
//          if(this.res.finishOffer==true){
//            this.offerStatus='1'
//            this.optionsSurePrice=[
//              {
//                label:'是',
//                value:'1',
//              },
//              {
//                label:'否',
//                value:'0',
//                disabled: true
//              },
//            ]
//          }else{
//            this.offerStatus='0'
//          }
          this.picCar=[];
          this.picRepair=[];
          for(var i=0;i<this.res.uploads.length;i++){
            if(this.res.uploads[i].fileType==0){
              const picItem = {src: 'https://rmcbapp.oss-cn-shenzhen.aliyuncs.com/'+this.res.uploads[i].ossPath+'?x-oss-process=image/resize,h_320',
              }
              this.picCar.push(picItem)
            }else if(this.res.uploads[i].fileType==1){
              const picItem = {src: 'https://rmcbapp.oss-cn-shenzhen.aliyuncs.com/'+this.res.uploads[i].ossPath+'?x-oss-process=image/resize,h_320',
              }
              this.picRepair.push(picItem)
            }

          }
        }else{
          Toast({
            message:res.data.message,
            position: 'middle',
            duration:800
          });
        }
      });
      },

      handleCheckNone(item){
        if(item.stock==false){
          item.amount='';
        }
      },
      /** 查看图片 **/
      handleCheckPic(fileType){
        this.picList=[];
        for(var i=0;i<this.res.uploads.length;i++){

          if(this.res.uploads[i].fileType==fileType){
            const picItem = {src: 'https://rmcbapp.oss-cn-shenzhen.aliyuncs.com/'+this.res.uploads[i].ossPath+'?x-oss-process=image/resize,h_650',
            }
            this.picList.push(picItem)
          }
        }
        this.popupSwiper=true;
      },
      /** 打开建档弹窗事件 **/
      handleModifyPrice(){


        this.form={
          entryFinish:0,
          id:this.res.id,
          remark:this.res.remark,
          demandType:this.res.demandType,
          demandSource:this.res.demandSource,
          applyShopName:this.res.applyShopName,
          linkMan:this.res.linkMan,
          linkPhone:this.res.linkPhone,
          carNo:this.res.carNo,
          selfNumber:this.res.selfNumber,
          carModel:this.res.carModel,
          address:this.res.address,
          allotShopId:this.res.allotShopId,
          allotShopName:this.res.allotShopName,
          allotStatus:this.res.allotStatus,
          parts:this.res.parts,
          comments:this.res.comments,
          sn:this.res.sn,
          cancelFlag:this.res.cancelFlag,
          totalAmt:this.res.totalAmt,
        };

        this.popupPriceModify=true;

      },
      handleAddPrice(partType){
        /**生成列表**/
        const item={};
        item.type=1;
        item.brand='';
        item.remark='';
        item.amount='';
        item.partType=partType;
        item.partLocate='';
        item.qty='1';
        item.isChoose=1;
        item.fromCustomer=false;
        this.form.parts.push(item);

        if(partType=='3'){
          item.stock=false;
          this.servicePriceAttr.push(item);
        }else{
          item.stock=true;
        }
      },
      handleDelPrice(item,index){
        this.form.parts.splice(index, 1);
        if(item.partType=='3'){
          this.servicePriceAttr.splice(0, 1);
        }
      },
      handleClosePrice(){
        this.getData();
        this.popupPriceModify=false;
      },
      /** 确认报价事件 **/
      handleConfirmPrice(){
        for(var i=0;i<this.form.parts.length;i++){
          console.log(this.form.parts[i].remark,this.form.parts[i].amount)
          if(this.form.parts[i].remark==''){
            Toast({
              message:"请输入描述",
              position: 'middle',
              duration: 1000
            });
            return false;
          }
          if(this.form.parts[i].stock==true){
            this.form.parts[i].isChoose=0;
          }
        }

        console.log(this.form.totalAmt,1111111)
//        if(this.offerStatus==1){
//          if(this.form.totalAmt=='' || this.form.totalAmt==undefined){
//            Toast({
//              message:"总价不能为空",
//              position: 'middle',
//              duration: 1000
//            });
//            return false
//          }
//        }
        const modifyPrice={
          id:this.res.id,
          parts:this.form.parts,
        }
        console.log(this.form.totalAmt,111)
        var params = new URLSearchParams();
        params.append('demandSource',this.res.demandSource);
        params.append('demandId',this.res.id);
//        params.append('offerStatus',this.offerStatus);
        if(this.form.totalAmt!==undefined){
          params.append('totalOffer',this.form.totalAmt);
        }
        params.append('demandData',JSON.stringify(modifyPrice));
        this.$axios({
          method: 'post',
          url:'gp/repairDeclaration/repairOfferDemand ',
          data:params
        }).then((res)=>{
          if(res.data.statusCode==200){
          Toast({
            message:res.data.message,
            position: 'middle',
            duration: 1000
          });
          this.getData();
          this.popupPriceModify = false;
        }else{
          Toast({
            message: res.data.message,
            position: 'middle',
            duration: 1000
          });
          this.popupPriceModify = false;
        }
      });
      },
    },
  }
</script>

<style>
  body{
    position: relative;
  }
  .select-people-name .mint-cell .mint-cell-wrapper{
    background:none;
    padding: 0;
  }
  .select-people-name .mint-checklist-label{
    padding: 0;
  }

  .module-action-log .module-table{
    width: 100%;
    padding:24px;
    border-collapse:collapse !important;
  }
  .module-action-log  .action-item{
    padding:5px 4px;
    vertical-align: top;
  }
  .module-action-log .action-list-header .action-item{
    padding:5px 4px 10px;
    border-bottom:1px solid #ddd;
  }
  .platform-inquiry-details .info-service .mint-field-core{
    height: 100px;
  }
  .platform-inquiry-details .info-service-qixiu .mint-field-core{
    height: 100px;
    min-height: 100px;
  }
  .mint-toast{
    z-index:100000
  }
  .module-position{
    padding:0 10px 10px;
  }
  .module-position .position-list{
    display: inline-block;
    vertical-align: top;
    width: 70%;
  }
  .module-position .label-title{
    display: inline-block;
    vertical-align: top;
    width: 96px !important;
    font-size: 16px;
  }
  .platform-inquiry-details .label-brand{
    background: #ccc;
    padding:6px 12px;
    color:#fff;
    font-size: 14px;
    border-radius:6px
  }
  .platform-inquiry-details  .check-position{
    display: inline-block;
    vertical-align: middle;
    width:26px;
    height:26px;
    margin-right:12px;
  }
  .platform-inquiry-details .position-item{
    display:inline-block;
    vertical-align: middle;
    width:32%;
    padding:0 10px 6px 0;
    list-style:none;
    font-size: 15px;
  }
  .platform-inquiry-details .position-item:last-child{
    width: 100%;
  }
  .platform-inquiry-details .input-text{
    position: relative;
    top: -2px;
    margin:0 6px;
    width:32px;
    padding:5px 8px;
    font-size:16px;
    border: 1px solid #ccc;
    outline: none;
    color: #333;
    text-align: center;
    border-radius: 4px;
  }
  .platform-inquiry-details .item-block{
    display: inline-block;
    vertical-align: middle;
    padding-right:6px;
    margin: 0;
  }
  .platform-inquiry-details .type-item{
    display: inline-block;
    margin: 0 16px 0 0;
  }
  .platform-inquiry-details .type-item .check-position{
    display: none;
  }
  .platform-inquiry-details .type-item .check-position:checked ~.label-brand{
    background:#c34853;
  }

  .platform-inquiry-details .type-item-details{
    display: none;
    margin: 0;
    padding:10px 0 0 0;
    font-size: 14px;
  }
  .check-position:checked ~.type-item-details{
    display: block;
  }

  .pic-none.pic-none-car{
    background: #fff;
    height:120px;
    line-height:120px;
    margin:0 0 12px;
  }
  .pic-none{
    height:360px;
    line-height:360px;
    font-size: 18px;
    color: #999;
    text-align: center;
  }
  .platform-inquiry-details .pic-car{
    background: #fff;
    text-align: center;
  }
  .platform-inquiry-details .pic-car.mint-swipe{
    height:220px;
  }
  .platform-inquiry-details .pic-car.mint-swipe img{
    height:100%;
  }
  .me-popup-pic .mint-swipe{
    background: #000;
    text-align: center;
  }
  /*.platform-inquiry-details .mint-swipe img{*/
  /*width: 100%;*/
  /*}*/
  /*.mint-swipe img{*/
  /*height: 100%;*/
  /*}*/
  .me-popup{
    width: 100%;
  }
  .platform-inquiry-details .me-popup-pic{
    width: 100%;
    height:100%;
  }
  .me-popup-pic .mint-swipe,.me-popup-pic .mint-swipe-items-wrap{
    height: 100% !important;
  }
  .platform-inquiry-details .icon-close-pic{
    background: #c34853;
    position: absolute;
    top:-24px;
    right:6px;
    z-index:2000;
    width: 48px;
    height: 48px;
    border-radius:50%;
    font-size: 24px;
    color:#fff;
    text-align: center;
    line-height: 48px;
  }
  .swiper-pic .item-content{
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom:40px;
    /*padding:0 0 32px;*/
    /*transform: translate(0,-50%);*/
  }
  .swiper-pic .item-title{
    background:rgba(0,0,0,0.6);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding:12px 0;
    font-size: 16px;
    color: #fff;
  }
  .swiper-pic img{
    position: absolute;
    top: 50%;
    display: block;
    transform: translate(0,-50%);
    max-width: 100%;
    max-height:100%;
  }
  .swiper-pic .mint-swipe-indicators{
    display: none;
  }
  .platform-inquiry-details .picker-item{
    color:#999
  }
  .platform-inquiry-details .picker-item.picker-selected{
    color:#c34853
  }
  .platform-inquiry-details .popupResult,.platform-inquiry-details .popup-price{
    width: 100%;
    height:90%;
    overflow: auto;
    padding:24px 0 0;
  }
  .platform-inquiry-details .popupResult .mint-cell-wrapper,.platform-inquiry-details .popup-price .mint-cell-wrapper{
    background:none;
  }

  .platform-inquiry-details .popupResult .mint-cell{
    background:none;
    margin:0 0 14px;
    min-height:inherit
  }
  .platform-inquiry-details .popupResult .mint-cell-value{
    min-height:36px;
    padding:4px 8px;
    border:1px solid #ddd;
    border-radius:6px
  }
  .platform-inquiry-details .popupResult .item-select{
    padding:0;
  }
  .platform-inquiry-details .popupResult .item-select .mint-cell-value{
    margin-right:0;
    padding:12px 6px;
    flex:1;
  }
  .platform-inquiry-details .popupResult .item-select .mint-cell-title{
    flex:none;
  }
  .mint-checklist-title{
    margin: 0;
  }
  .platform-inquiry-details{
    padding:0 0 16px;
  }
  .platform-inquiry-details .action-buy{
    background-color:#c34853;
    position: absolute;
    top: 0;
    right:24px;
    height: 32px;
    font-size: 15px;
  }
  .platform-inquiry-details .mint-checkbox-core{
    border-radius:3px
  }
  .platform-inquiry-details .mint-cell{
    min-height:46px;
  }
  .platform-inquiry-details .mint-checklist{
    background: #fff;
  }
  .platform-inquiry-details .mint-checkbox-input:checked+.mint-checkbox-core{
    background-color: #c34853;
    border-color: #c34853;
  }
  .platform-inquiry-details .mint-checkbox-label{
    font-size: 14px;
    color:#666;
  }
  .platform-inquiry-details .product-content{
    background: #fff;
    margin:0 0 12px;
    padding: 12px;
    font-size:14px;
  }
  .platform-inquiry-details .product-content .product-img{
    display: table-cell;
    vertical-align: top;
    width:42%;
    padding-right: 12px
  }
  .platform-inquiry-details .product-content .product-details{
    display: table-cell;
    vertical-align: top;
    width:50%;
  }
  .platform-inquiry-details .product-content .item{
    margin:0 0 4px;
  }
  .platform-inquiry-details .product-content .item-img{
    margin:0 0 10px;
  }

  .platform-inquiry-details .module-block{
    margin:0 0 12px;
  }
  .platform-inquiry-details .module-block-first{
    padding:12px 0 0;
  }
  .platform-inquiry-details .word-content{
    background: #fff;
    padding:10px 12px;
    font-size: 16px;
    color:#000;
    margin: 0;
    line-height: 24px;
    border-top:1px solid #f5f5f5;
  }
  .platform-inquiry-details .word-content span{
    color:#999;
  }
  .platform-inquiry-details .word-info{
    font-size: 16px;
    line-height:26px;
  }
  .platform-inquiry-details .word-price{
    line-height: 26px;
  }
  .platform-inquiry-details .price-add{
    padding: 6px 0;
  }
  .platform-inquiry-details .price-add .input-price{
    width: 46px;
    margin-left: 2px;
    padding:6px;
    border: 1px solid #ddd;
    outline: none;
    border-radius: 3px;
    color:#c34853;
    text-align: right;
  }

  .platform-inquiry-details .button-content{
    padding:16px 16px ;
    font-size:0;
    text-align: center;
  }
  .platform-inquiry-details .button-content .mint-button{
    display: inline-block !important;
    width: 100%;
    font-size: 18px;
  }
  .platform-inquiry-details .button-block-6{
    display: inline-block;
    width: 50%;
    padding:0 8px;
  }
  .platform-inquiry-details .button-content .mint-button--default{

    background-color:#fff;
  }
  .platform-inquiry-details .deal-tips{
    padding:2px 12px;
    font-size: 15px;
    color:#666;
  }
  .platform-inquiry-details .block-header{
    background-color:#f5f5f5;
    position: relative;
    display: block;
    padding:2px 12px 10px;
    font-size:15px;
    color: #666;
  }
  .platform-inquiry-details .item-state{
    padding-right: 10px;
    float: right;
    font-weight: bold;
  }
  .platform-inquiry-details .block-header:before{
    background:#c34853;
    position: relative;
    top:-2px;
    display:inline-block;
    vertical-align: middle;
    width:3px;
    height:16px;
    content: '';
    margin-right:5px;
  }
  .platform-inquiry-details .block-header.block-header-no-before:before{
    background:none;
    width:0;
    margin: 0;
  }
  .platform-inquiry-details .block-header .icon-zhuyi{
    position: relative;
    top: 1px;
    color: #f4d629;
    font-size:20px;
    margin-right:3px;
  }
  .module-date{
    padding:0 12px;
    margin:6px 0 8px;
    font-size: 15px;
    color:#c34853;
  }


  .platform-inquiry-details .people-list{
    border-top:1px solid #ddd;
    padding:10px 20px 0 12px;
    margin: 0;
  }
  .platform-inquiry-details .people-item{
    margin: 0 0 16px;
    border-bottom:1px solid #ddd;
  }
  .platform-inquiry-details .people-item .item-title{
    display: block;
    font-size: 16px;
    line-height: 36px;
  }
  .platform-inquiry-details .select-people-name .mint-cell{
    background:none;
    display:inline-block;
    width:32%;
  }
  .platform-inquiry-details .select-people-name .mint-cell .mint-cell-value{
    border:none;
    padding: 0;
  }
  .platform-inquiry-details .popup-price .select-sure-price .mint-cell-value{
    padding:0;
    border:none !important;
  }
  .platform-inquiry-details .popup-price .mint-radiolist-label{
    display: flex;
  }

  .platform-inquiry-details .module-sure-price{
    padding:0 14px;
  }
  .platform-inquiry-details .module-sure-price .addon{
    display: inline-block;
    font-size:15px;
    vertical-align: middle;
  }
  .platform-inquiry-details .select-sure-price{
    display: inline-block;
    vertical-align: middle;
  }
  .platform-inquiry-details .module-sure-price .select-sure-price .mint-cell{
    display: inline-block;
    width: 44%;
    margin: 0;
  }
  .platform-inquiry-details .module-sure-price .select-sure-price .mint-radiolist-title{
    margin: 0;
  }
  .platform-inquiry-details .module-sure-price .price-tips{
    padding:6px 0 10px 100px;

    color:#ef4f4f;
    font-size: 13px;
  }
  .platform-inquiry-details .sure-price-tips{
    padding:6px 0 0 10px;
    color:#ef4f4f;
    font-size: 14px;
    text-align: center;
  }
  .platform-inquiry-details .icon-didian1{
    display: inline-block;
    width: 32px;
    font-size:22px;
    color:#ef4f4f;
    text-align: center;
  }
  .platform-inquiry-details .word-content .icon-didian1{
    position: absolute;
    top: 0;
    right: 0;
    padding:0 2px;
    font-size: 22px;
    color:#c34853 !important;
  }
  .platform-inquiry-details .word-content-address{
    display: inline-block;
    vertical-align: top;
    width: 74%;
    position: relative;
    padding-right:40px;
  }
  .platform-inquiry-details .add-button{
    padding:0 16px 16px;
    text-align: right;
  }

  .platform-inquiry-details .add-button .mint-button--normal{
    font-size: 15px;
    margin:0 4px;
  }
  .platform-inquiry-details .add-button .mint-button--normal .iconfont{
    margin-right:6px;
  }
  .platform-inquiry-details .popupResult .mint-cell-title{
    width: 96px !important;
  }
  .platform-inquiry-details .popup-price .price-num .mint-cell-title{
    width:60% !important;
  }
  .platform-inquiry-details .popup-price .price-num .mint-cell-value{
    width:22% !important;
    flex:none;

  }
  .platform-inquiry-details .popup-price .mint-cell:last-child{
    background:none;
  }
  .platform-inquiry-details .popup-price .mint-cell-value{
    min-height:32px;
    padding:4px 5px;
    border:1px solid #ddd;
    border-radius:4px
  }
  .platform-inquiry-details .popup-price .mint-cell-wrapper{
    padding:0 6px;
  }
  .platform-inquiry-details .price-item{
    position: relative;
    padding:0 6px;
  }
  .platform-inquiry-details .price-item,.platform-inquiry-details .price-header{
    display: flex;
    align-items:center;
    margin: 0 0 10px;
  }
  .platform-inquiry-details .price-header{
    padding:0 6px 4px;
    font-size: 15px;
  }
  .platform-inquiry-details .price-list-order .item-addon{
    display:flex;
    width:30%;
  }
  .platform-inquiry-details .price-list-order .mint-field-core{
    font-size: 15px;
  }
  .platform-inquiry-details .price-list-order .item-addon{
    display:flex;
    width:30%;
  }
  .platform-inquiry-details .price-list-order .item-content{
    display:flex;
    width:26%;
  }
  .platform-inquiry-details .price-list-order .item-none-tips{
    display:flex;
    width:14%;
  }
  .platform-inquiry-details .price-header .item-addon,.platform-inquiry-details .price-header .item-content{
    padding:0 10px;
  }
  .platform-inquiry-details .price-list-order .icon-delete{
    background: #c34853;
    position: absolute;
    top:-4px;
    left:8px;
    width: 18px;
    height: 18px;
    border-radius:2px;
    color:#fff;
    text-align: center;
    line-height:24px;
  }
  .platform-inquiry-details .icon-delete:before{
    position: relative;
    top: -4px;
    content:'-';
    font-size: 24px;
  }
  .platform-inquiry-details .popup-price .price-num .mint-cell-title{
    margin:0 5px;
  }
  .platform-inquiry-details .module-action-log .word-content{
    padding:10px;
  }
  .platform-inquiry-details .module-action-log .word-auto{
    padding:2px 0 0;
    position: relative;
    max-height:220px;
    overflow: auto;
  }
  .platform-inquiry-details .module-block-price .text-price{
    float: right;
  }
  .platform-inquiry-details .input-upload {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
    opacity: 0;
    font-size: 0;
    width: 100%;
  }
  .platform-inquiry-details .button-content .del-button{
    padding:10px 0 0;
    text-align: right;
  }
  .platform-inquiry-details .button-content .icon-shanchu{
    font-size:28px;
  }
  .popup-map{
    width: 100%;
    height: 100%;
  }
  .action-navigation{
    margin-left: 4px;
    font-size: 14px;
    height:32px;
  }
  .module-recognition{
    padding:0 12px 16px;
    text-align: right;
  }
  .module-recognition .action-recognition{
    height: 36px;
    font-size: 14px;
  }
  .platform-inquiry-details .module-height{
    height: 12px;
  }
  /*.add-img{*/
  /*display: block;*/
  /*width: 100%;*/
  /*height:60px;*/
  /*padding:6px 0 0;*/
  /*text-align: center;*/
  /*color: #888;*/
  /*font-size:14px;*/
  /*}*/
  /*.add-img:before{*/
  /*display: block;*/
  /*margin:0 auto 4px;*/
  /*font-size:20px;*/
  /*}*/
</style>
